<template>
  <div class="mode">
    <Tabs :animated="false" name="tab1" :value="active" @on-click="changeRoute">
      <!-- <TabPane label="考勤机打卡" tab="tab1" name="machine">
        <router-view></router-view>
      </TabPane> -->
      <TabPane label="小程序打卡" tab="tab1" name="mp">
        <router-view></router-view>
      </TabPane>
    </Tabs>
  </div>
</template>
<script>
import { attendance } from "@/apis";
import http from "@/utils/http";
export default {
  data() {
    return {
     active:"mp",
    };
  },
  methods: {
    changeRoute(e) {
  
      this.$router.push("/attendance/work/mode/" + e);
    }
  },
  computed: {
    // active(){
    //   return this.$route.path.includes("mp") ? "mp" :"machine"
    // }
  },
};
</script>
<style lang="scss" scoped  src='./index.scss'>
</style>